<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html">
<html>
<head>
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/datepicker.css">
<script src="js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="css/bootstrap-formhelpers.min.css">
<script src="js/bootstrap-formhelpers.js"></script>
</head>
<script type="text/javascript">
	$(document).ready(function() {
		$('#ngayKTHD').datepicker({});
		$('#ngayKTDK').datepicker({});
		$('#quayLaiTrangTruoc').click(function() {
			location.href = 'dsDoanVienDT.jsp';
		});
	});
</script>
<body>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span><span
								class="icon-bar"></span><span class="icon-bar"></span><span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" style="color: blue;">ĐOÀN KHOA</a>
					</div>

					<div class="collapse navbar-collapse"
						id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="#">TRANG CHỦ</a></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">QUẢN LÝ VĂN BẢN<strong class="caret"></strong></a>
								<ul class="dropdown-menu">
									<li><a href=";#">VĂN BẢN CHỜ DUYỆT</a></li>
									<li><a href="#">.....</a></li>
								</ul></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">QUẢN LÝ HOẠT ĐỘNG<strong
									class="caret"></strong></a>
								<ul class="dropdown-menu">
									<li class="active"><a href=";#">Danh Sách Hoạt Động</a></li>
									<li><a href="#">Thêm Hoạt Động</a></li>
									<li><a href="#">Đánh giá hoạt động</a></li>
									<li class="divider"></li>
									<li><a href="#">Tổng kết</a></li>
								</ul></li>

							<li><a href="#">ĐỔI MẬT KHẨU</a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li><a href="#">THOÁT</a></li>
						</ul>
					</div>
				</nav>
				<h2 style="text-align: center;">THÔNG TIN HOẠT ĐỘNG</h2>
				<hr />
				<div>
					<form action="" class="form-horizontal">
						<table style="margin-left: 17em;">
							<tr>
								<td><label style="text-align: left;"
									class="col-lg-8 control-label">Mã Hoạt Động <span
										style="color: red;">*</span>
								</label></td>
							<tr>
								<td><input style="width: 35em;" class="form-control"
									type="text" name="maHD" id="maHD" class="textfield" />
									</div></td>
							</tr>
							<tr>
								<td><label style="text-align: left;"
									class="col-lg-8 control-label">Tên Hoạt Động<span
										style="color: red;">*</span>
								</label></td>
							<tr>
								<td><input style="width: 35em;" class="form-control"
									type="text" name="tenHD" id="tenHD" class="textfield" /></td>
							</tr>
							<tr>
								<td><label style="text-align: left;"
									class="col-lg-8 control-label">Nội Dung HĐ<span
										style="color: red;">*</span>
								</label></td>
							<tr>
								<td><textarea style="width: 35em;" class="form-control"
										rows="5" name="noiDungHD" id="noiDungHD"></textarea></td>
							</tr>
							<tr>
								<td><label style="text-align: left;"
									class="col-lg-8 control-label">Cấp Đơn Vị Tổ Chức<span
										style="color: red;">*</span></label></td>
							</tr>
							<tr>
								<td><Select style="width: 35em;" class="form-control"
									name="hinhThucThamGia" id="hinhThucThamGia" class="textfield">
										<option>--------------------------------------Chọn
											Cấp ĐVTC-------------------------------------------</option>
										<option value="1">Đoàn Trường</option>
										<option value="2">Đoàn Khoa</option>
										<option value="3">Chi Đoàn</option>
								</Select></td>
							</tr>
							<tr>
								<td><label style="text-align: left;"
									class="col-lg-8 control-label">Danh mục<span
										style="color: red;">*</span></label></td>
							</tr>
							<tr>
								<td><Select style="width: 35em;" class="form-control"
									name="dvtc" id="dvtc" class="textfield">
										<option>------------------------------Chọn Danh Mục Hoạt Động -------------------------------</option>
										<option value="1">Công tác giáo dục</option>
										<option value="2">Hoạt động phong trào</option>
										<option value="3">Tham gia tổ chức Đoàn-Hội</option>
								</Select></td>
							</tr>
							<tr>
								<td><label style="text-align: left;"
									class="col-lg-8 control-label">Số Lượng Tối Đa<span
										style="color: red;">*</span></label></td>
							<tr>
								<td><input style="width: 35em;" class="form-control"
									type="text" name="soLuongToiDa" id="soLuongToiDa"
									class="textfield" /></td>
							</tr>
							<tr>
								<td><label style="text-align: left;"
									class="col-lg-8 control-label">Ngày Kết Thúc Đăng Ký <span
										style="color: red;">*</span></label></td>
							<tr>
								<td><input style="width: 35em;" class="form-control"
									type="text" name="ngayKTDK" id="ngayKTDK" class="textfield" /></td>
							</tr>
							<tr>
								<td><label style="text-align: left;"
									class="col-lg-8 control-label">Ngày Kết Thúc Hoạt Động
										<span style="color: red;">*</span>
								</label></td>
							<tr>
								<td><input style="width: 35em;" class="form-control"
									type="text" name="ngayKTHD" id="ngayKTHD" class="textfield" /></td>
							</tr>
						</table>
						<br /> <br />
						<div style="margin-left: 30em;">
							<button class="btn btn-success btn-default">Lưu Thông
								Tin</button>
							<button class="btn btn-danger btn-default">Hủy</button>
						</div>
					</form>
					<div style="float: right; margin-right: 2em;">
						<button id="quayLaiTrangTruoc" class="btn btn-danger btn-default">Quay
							lại</button>
					</div>
				</div>
				<br />
				<hr>
				<div class="row">
					<div class="col-xs-12">
						<footer>
							<p>&copy;Tieu luan chuyen nganh M-B</p>
						</footer>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>